<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/bootstrap-3.3.7/dist/css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/shoppingcss.css" />
		<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css"/>
		<script src="js/jquery-3.2.0.min.js"></script>
	</head>
	<body>
		<div class="container main">
			<div class="row first">
				<div class="col-lg-2 col-sm-2">
					<a href="index.html"><img src="img/logo.jpg" style="height: 50px;"/></a>
				</div>
				<div class="col-lg-8 col-sm-8">	
				</div>
				<div class="col-lg-2 col-sm-2 button_cart">
					<form action=""></form>
					<a href="shoppingcart.html"><button class="btn btn-default btn-sm">购物车</button></a>
				</div>
			</div>
			
			<div class="row">
				<ol class="breadcrumb col-lg-12 col-sm-12">
					<li class="home_main"><a href="#">Home</a></li>
					<li class="home home_yifu">衣服</li>
					<li class="home home_xiezi">鞋子</li>
					<li class="home home_shouji">手机</li>
				</ol>
			</div>
			<div class="row content">
				<div class="col-lg-3 col-sm-3 leftf">
					<ul>
						<li class="leftNav yifu">衣服</li>
						<li class="leftNav xiezi">鞋子</li>
						<li class="leftNav shouji">手机</li>
					</ul>
				</div>
				<div class="col-lg-9 col-sm-9 rightt">
					<div class="clothes goods">
						<div class="row">
							<ul class="col-lg-4 col-sm-4">
							<li>
								<form action="Text" method="post">
									<img src="img/yifu1.jpg" title="海澜" alt="海澜"/>
									<span class="price">¥99</span>
									<input class="btn btn-default col-lg-6 col-sm-6 " value="1" type="text" name="num" />
									<span class="spani">
										<i class="fa fa-chevron-up up" aria-hidden="true"></i>
										<i class="fa fa-chevron-down down" aria-hidden="true"></i>
									</span>
									<span class="unit">件</span>
								</form>
								<button class="goumai btn btn-success">购买</button>											
							</li>
							</ul>
							<ul class="col-lg-4 col-sm-4">
								<li>
								<form action="Text" method="post">
									<img src="img/yifu2.jpg" title="森马" alt="森马" />
									<span class="price">¥199</span>
									<input class="btn btn-default col-lg-6 col-sm-6 " value="1" type="text" name="num" />
									<span class="spani">
										<i class="fa fa-chevron-up up" aria-hidden="true"></i>
										<i class="fa fa-chevron-down down" aria-hidden="true"></i>
									</span>
									<span class="unit">件</span>
								</form>
								<button class="goumai btn btn-success">购买</button>											
							</li>
							</ul>						
							<ul class="col-lg-4 col-sm-4">
								<li>
								<form action="Text" method="post">
									<img src="img/yifu3.jpg" title="阿迪达斯" alt="阿迪达斯"/>
									<span class="price">¥88</span>
									<input class="btn btn-default col-lg-6 col-sm-6 " value="1" type="text" name="num" />
									<span class="spani">
										<i class="fa fa-chevron-up up" aria-hidden="true"></i>
										<i class="fa fa-chevron-down down" aria-hidden="true"></i>
									</span>
									<span class="unit">件</span>
								</form>
								<button class="goumai btn btn-success">购买</button>											
							</li>
							</ul>
						</div>
						<div class="row">
								<ul class="col-lg-4 col-sm-4">
									<li>
								<form action="Text" method="post">
									<img src="img/yifu4.jpg" title="李宁" alt="李宁"/>
									<span class="price">¥299</span>
									<input class="btn btn-default col-lg-6 col-sm-6 " value="1" type="text" name="num" />
									<span class="spani">
										<i class="fa fa-chevron-up up" aria-hidden="true"></i>
										<i class="fa fa-chevron-down down" aria-hidden="true"></i>
									</span>
									<span class="unit">件</span>
								</form>
								<button class="goumai btn btn-success">购买</button>											
							</li>
								</ul>
							
								<ul class="col-lg-4 col-sm-4">
									<li>
								<form action="Text" method="post">
									<img src="img/yifu5.jpg" title="YOUNGOR" alt="YOUNGOR"/>
									<span class="price">¥139</span>
									<input class="btn btn-default col-lg-6 col-sm-6 " value="1" type="text" name="num" />
									<span class="spani">
										<i class="fa fa-chevron-up up" aria-hidden="true"></i>
										<i class="fa fa-chevron-down down" aria-hidden="true"></i>
									</span>
									<span class="unit">件</span>
								</form>
								<button class="goumai btn btn-success">购买</button>											
							</li>
									
								</ul>
							
								<ul class="col-lg-4 col-sm-4">
									<li>
										<form action="Text" method="post">
											<img src="img/yifu6.jpg" title="SELECTED" alt="SELECTED"/>
											<span class="price">¥66</span>
											<input class="btn btn-default col-lg-6 col-sm-6 " value="1" type="text" name="num" />
											<span class="spani">
												<i class="fa fa-chevron-up up" aria-hidden="true"></i>
												<i class="fa fa-chevron-down down" aria-hidden="true"></i>
											</span>
											<span class="unit">件</span>
										</form>
										<button class="goumai btn btn-success">购买</button>											
									</li>
								</ul>
							</div>				
						</div>
				<div class="shoes goods">
					<div class="row">
							<ul class="col-lg-4 col-sm-4">
								<li>
									<form action="Text" method="post">
										<img src="img/shoes1.jpg" title="耐克" alt="耐克"/>
										<span class="price">¥188</span>
										<input class="btn btn-default col-lg-6 col-sm-6 " value="1" type="text" name="num" />
										<span class="spani">
											<i class="fa fa-chevron-up up" aria-hidden="true"></i>
											<i class="fa fa-chevron-down down" aria-hidden="true"></i>
										</span>
										<span class="unit">件</span>
									</form>
									
									<button class="goumai btn btn-success">购买</button>
								</li>	
							</ul>
							<ul class="col-lg-4 col-sm-4">
								<li>
									<form action="Text" method="post">
										<img src="img/shoes2.jpg" title="爱森狼" alt="爱森狼"/>
										<span class="price">¥188</span>
										<input class="btn btn-default col-lg-6 col-sm-6 " value="1" type="text" name="num" />
										<span class="spani">
											<i class="fa fa-chevron-up up" aria-hidden="true"></i>
											<i class="fa fa-chevron-down down" aria-hidden="true"></i>
										</span>
										<span class="unit">件</span>
									</form>
									
									<button class="goumai btn btn-success">购买</button>
								</li>
								
							</ul>
						
							<ul class="col-lg-4 col-sm-4">
								<li>
									<form action="Text" method="post">
										<img src="img/shoes3.jpg" title="特步" alt="特步"/>
										<span class="price">¥188</span>
										<input class="btn btn-default col-lg-6 col-sm-6 " value="1" type="text" name="num" />
										<span class="spani">
											<i class="fa fa-chevron-up up" aria-hidden="true"></i>
											<i class="fa fa-chevron-down down" aria-hidden="true"></i>
										</span>
										<span class="unit">件</span>
									</form>
									
									<button class="goumai btn btn-success">购买</button>
								</li>
								
							</ul>
					
					<div class="row">						
						<ul class="col-lg-4 col-sm-4">
							<li>
									<form action="Text" method="post">
										<img src="img/shoes4.jpg" title="红蜻蜓" alt="红蜻蜓"/>
										<span class="price">¥188</span>
										<input class="btn btn-default col-lg-6 col-sm-6 " value="1" type="text" name="num" />
										<span class="spani">
											<i class="fa fa-chevron-up up" aria-hidden="true"></i>
											<i class="fa fa-chevron-down down" aria-hidden="true"></i>
										</span>
										<span class="unit">件</span>
									</form>
									
									<button class="goumai btn btn-success">购买</button>
								</li>
							
						</ul>
					
						<ul class="col-lg-4 col-sm-4">
							<li>
									<form action="Text" method="post">
										<img src="img/shoes5.jpg" title="安踏" alt="安踏"/>
										<span class="price">¥188</span>
										<input class="btn btn-default col-lg-6 col-sm-6 " value="1" type="text" name="num" />
										<span class="spani">
											<i class="fa fa-chevron-up up" aria-hidden="true"></i>
											<i class="fa fa-chevron-down down" aria-hidden="true"></i>
										</span>
										<span class="unit">件</span>
									</form>
									
									<button class="goumai btn btn-success">购买</button>
								</li>
							
						</ul>
					
						<ul class="col-lg-4 col-sm-4">
							<li>
									<form action="Text" method="post">
										<img src="img/shoes6.jpg" title="乔丹" alt="乔丹"/>
										<span class="price">¥188</span>
										<input class="btn btn-default col-lg-6 col-sm-6 " value="1" type="text" name="num" />
										<span class="spani">
											<i class="fa fa-chevron-up up" aria-hidden="true"></i>
											<i class="fa fa-chevron-down down" aria-hidden="true"></i>
										</span>
										<span class="unit">件</span>
									</form>
									
									<button class="goumai btn btn-success">购买</button>
								</li>
							</ul>						
						</div>
					</div>
				</div>
				<div class="phone goods">
					<div class="row">
						
							<ul class="col-lg-4 col-sm-4">
								<li>
									<form action="Text" method="post">
										<img src="img/phone1.jpg" title="魅族" alt="魅族"/>
										<span class="price">¥2000</span>
										<input class="btn btn-default col-lg-6 col-sm-6" value="1" type="text" name="num" />
										<span class="spani">
											<i class="fa fa-chevron-up" aria-hidden="true"></i>
											<i class="fa fa-chevron-down" aria-hidden="true"></i>
										</span>
										<span class="unit">件</span>
									</form>
									<button class="goumai btn btn-success">购买</button>
								</li>
								
							</ul>
						
							<ul class="col-lg-4 col-sm-4">
								<li>
									<form action="Text" method="post">
										<img src="img/phone2.jpg" title="华为" alt="华为"/>
										<span class="price">¥2700</span>
										<input class="btn btn-default col-lg-6 col-sm-6" value="1" type="text" name="num" />
										<span class="spani">
											<i class="fa fa-chevron-up" aria-hidden="true"></i>
											<i class="fa fa-chevron-down" aria-hidden="true"></i>
										</span>
										<span class="unit">件</span>
									</form>
									<button class="goumai btn btn-success">购买</button>
								</li>
								
							</ul>
						
							<ul class="col-lg-4 col-sm-4">
								<li>
									<form action="Text" method="post">
										<img src="img/phone3.jpg" title="小米" alt="小米"/>
										<span class="price">¥1699</span>
										<input class="btn btn-default col-lg-6 col-sm-6" value="1" type="text" name="num" />
										<span class="spani">
											<i class="fa fa-chevron-up" aria-hidden="true"></i>
											<i class="fa fa-chevron-down" aria-hidden="true"></i>
										</span>
										<span class="unit">件</span>
									</form>
									<button class="goumai btn btn-success">购买</button>
								</li>
								
							</ul>
						
					</div>
					<div class="row">
							<ul class="col-lg-4 col-sm-4">
								<li>
									<form action="Text" method="post">
										<img src="img/phone4.jpg" title="OPPO" alt="OPPO"/>
										<span class="price">¥2000</span>
										<input class="btn btn-default col-lg-6 col-sm-6" value="1" type="text" name="num" />
										<span class="spani">
											<i class="fa fa-chevron-up" aria-hidden="true"></i>
											<i class="fa fa-chevron-down" aria-hidden="true"></i>
										</span>
										<span class="unit">件</span>
									</form>
									<button class="goumai btn btn-success">购买</button>
								</li>	
							</ul>						
							<ul class="col-lg-4 col-sm-4">
								<li>
									<form action="Text" method="post">
										<img src="img/phone5.jpg" title="三星" alt="三星"/>
										<span class="price">¥3999</span>
										<input class="btn btn-default col-lg-6 col-sm-6" value="1" type="text" name="num" />
										<span class="spani">
											<i class="fa fa-chevron-up" aria-hidden="true"></i>
											<i class="fa fa-chevron-down" aria-hidden="true"></i>
										</span>
										<span class="unit">件</span>
									</form>
									<button class="goumai btn btn-success">购买</button>
								</li>								
							</ul>						
							<ul class="col-lg-4 col-sm-4">
								<li>
									<form action="Text" method="post">
										<img src="img/phone6.jpg" title="ViVO" alt="ViVO"/>
										<span class="price">¥2700</span>
										<input class="btn btn-default col-lg-6 col-sm-6" value="1" type="text" name="num" />
										<span class="spani">
											<i class="fa fa-chevron-up" aria-hidden="true"></i>
											<i class="fa fa-chevron-down" aria-hidden="true"></i>
										</span>
										<span class="unit">件</span>
									</form>
									<button class="goumai btn btn-success">购买</button>
								</li>								
							</ul>						
					</div>
				</div>
			</div>
			
		</div>
		<div class="row blank">
			
		</div>
		<div class="footer">
			<p class="info">作者</p>
		</div>
		<script src="js/shoppingjs.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/up_down.js"></script>
		<script>
			(function(){
				updown.init($(".rightt li"));
			})()
		</script>
	</body>
</html>
